﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <base href="/pktz/pktz_mobile/">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/m_ektz.css">
    <title class="document-title"></title>
</head>
<body>
<div class="question-top-bar">
    <div class="quiz-time">
        答题剩余时间
        <span id="timeCounter"></span>
    </div>
    <div class="top-banner">
        <img src="images/answer/jingji.png">
    </div>
    <div class="stage">
        <span>
            难度系数：<i>1级</i>
        </span>
        <span>
            赛段：<i class="subMatchName"></i>
        </span>
    </div>
</div>
<div class="question-content watermark-white">
    <div class="single-choice">
        <p class="title">一、单选题（题目为ABCD四个选项，请选出正确答案）</p>
        <ul class="single-ul">
            <!--<li>
                <p class="topic">1.应隔离治疗的皮肤病是</p>
                <ul class="options-ul">
                    <li>
                        <input type="radio" name="option1" value="A">
                        <label>A、带状疱疹</label>
                    </li>
                    <li>
                        <input type="radio" name="option1" value="B">
                        <label>B、盘状红斑狼疮</label>
                    </li>
                    <li>
                        <input type="radio" name="option1" value="C">
                        <label>C、疥疮</label>
                    </li>
                    <li>
                        <input type="radio" name="option1" value="D">
                        <label>D、药物性皮炎</label>
                    </li>
                </ul>
            </li>-->
        </ul>
    </div>
    <div class="multiple-choices">
        <p class="title">二、多选题（题目为ABCD四个选项，多选或少选均不得分，请选出正确答案）</p>
        <ul class="multiple-ul">
            <!--<li>
                <p class="topic">1.应隔离治疗的皮肤病是</p>
                <ul class="options-ul">
                    <li>
                        <input type="checkbox" name="option" value="A">
                        <label>A、带状疱疹</label>
                    </li>
                    <li>
                        <input type="checkbox" name="option" value="B">
                        <label>B、盘状红斑狼疮</label>
                    </li>
                    <li>
                        <input type="checkbox" name="option" value="C">
                        <label>C、疥疮</label>
                    </li>
                    <li>
                        <input type="checkbox" name="option" value="D">
                        <label>D、药物性皮炎</label>
                    </li>
                </ul>
            </li>-->
        </ul>
    </div>
    <div class="paper">
        <a href="javascript:;" id="submitExam">确认提交</a>
    </div>
</div>
<div class="answer-end">
    <div class="logo">
        <img src="images/answer/LOGO.png" alt="澳美制药">
    </div>
    <div class="results">
        <div class="dock">
            <img src="images/answer/dock.png" alt="">
        </div>
        <p class="celebrate">恭喜您完成挑战</p>
        <div class="grade">
            <div class="score">
                <span class="title">得分</span>
                <span class="number"></span>
            </div>
            <div class="used-time">
                <span class="title">所用时长</span>
                <span class="time"></span>
            </div>
        </div>
        <div class="btn-group">
            <div style="display: none">
                <a href="javascript:;" class="share">
                    <img src="images/answer/btn_share.png" alt="分享">
                </a>
            </div>
            <div>
                <a href="javascript:;" class="again">
                    <img src="images/answer/btn_zaitiaozhan.png" alt="再次挑战">
                </a>
            </div>
            <div>
                <a href="javascript:;" class="record">
                    <img src="images/answer/btn_dtjl.png" alt="答题记录">
                </a>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/rem.js"></script>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/weui.min.js"></script>
<script src="js/base.js"></script>
<script src="js/m_ektz.js"></script>
<!--<script>-->
    <!--$(function () {-->
        <!--//获取当前赛事阶段id-->
        <!--var subMatchId = PKTZ_API.getCookie('subMatchId');-->
        <!--var memberId = PKTZ_API.getCookie('memberId');-->
        <!--var id = {-->
            <!--subMatchId: subMatchId,-->
            <!--memberId: memberId,-->
            <!--source: 2-->
        <!--};-->
        <!--PKTZ_API.getPlayExam(id);-->

        <!--//已用答题时间-->
        <!--var answerTime = $('.question-content').data('answerTime');-->
        <!--//剩余答题时间-->
        <!--var remainingTime = $('.question-content').data('remainingTime');-->
        <!--//答题倒计时-->
        <!--var times = remainingTime < 0 ? 0 : remainingTime;-->
        <!--timeCounter(times);-->

        <!--//中途退出，再次答题，初始化答案-->
        <!--//单选题-->
        <!--$('.single-ul').find('.options-ul').each(function () {-->
            <!--var answer = $(this).data('key');-->
            <!--if(m_exma_detail){-->
                <!--$(this).find('li input[type="radio"]').each(function () {-->
                    <!--var value = $(this).val();-->
                    <!--if(m_exma_detail == value){-->
                        <!--$(this).prop('checked', true);-->
                    <!--}-->
                <!--})-->
            <!--}-->
        <!--});-->
        <!--//多选题-->
        <!--$('.multiple-ul').find('.options-ul').each(function () {-->
            <!--var answer = $(this).data('key');-->
            <!--if(m_exma_detail){-->
                <!--var len = m_exma_detail.length;-->
                <!--var _answer = m_exma_detail.split('');-->
                <!--for(var i = 0; i < len; i++){-->
                    <!--$(this).find('li input[type="checkbox"]').each(function () {-->
                        <!--var value = $(this).val();-->
                        <!--if(value == _answer[i]){-->
                            <!--$(this).prop('checked', true);-->
                        <!--}-->
                    <!--})-->
                <!--}-->
            <!--}-->
        <!--});-->
        <!--//每过5s自动提交更新-->
        <!--ExamMethod.updateAuto();-->
    <!--});-->
    <!--var count = 0;-->
    <!--var timeCounter = (function() {-->
        <!--var int;-->
        <!--return function(total) {-->
            <!--var obj = document.getElementById('timeCounter');-->
            <!--var s = (total%60) < 10 ? ('0' + total%60) : total%60;-->
            <!--var h = total/3600 < 10 ? ('0' + parseInt(total/3600)) : parseInt(total/3600);-->
            <!--var m = (total-h*3600)/60 < 10 ? ('0' + parseInt((total-h*3600)/60)) : parseInt((total-h*3600)/60);-->
            <!--obj.innerHTML = h + ' : ' + m + ' : ' + s;-->
            <!--total&#45;&#45;;-->
            <!--count++;-->
            <!--int = setTimeout("timeCounter('" + total + "')", 1000);-->
            <!--if(total < 0){-->
                <!--clearTimeout(int);-->
                <!--ExamMethod.submitExams(function () {-->
                    <!--//-->
                <!--});-->
                <!--var exameNnd = weui.dialog({-->
                    <!--content: '答题时间已结束！',-->
                    <!--className: 'custom-classname',-->
                    <!--buttons: [{-->
                        <!--label: '知道了',-->
                        <!--type: 'primary',-->
                        <!--onClick: function () { $('.answer-end').show(); }-->
                    <!--}]-->
                <!--});-->
                <!--setTimeout(function () {-->
                    <!--exameNnd.hide(function () {-->
                        <!--$('.answer-end').show();-->
                    <!--})-->
                <!--},2000);-->
            <!--}-->
        <!--}-->
    <!--})();-->

<!--</script>-->
</html>